import Taro, { Component } from '@tarojs/taro'
import {Image, View} from '@tarojs/components'
import { AtGrid } from "taro-ui"
import './info.less'

class Info extends Component {

  render () {
    return (
      <View className='Info'>
        <View className='info_all'>
          <View className='info_all_my'>我的订单</View>
          {/* eslint-disable-next-line react/no-unescaped-entities */}
          <View className='info_all_look'>查看全部订单 ></View>
        </View>
        <View className='info_grid_list'>
          <View className='grid_list'>
            <Image className='grid_img' src={require('../../../assets/my/ic_fukuan.png')} />
            <View className='gird_title'>待付款</View>
          </View>
          <View className='grid_list'>
            <Image className='grid_img' src={require('../../../assets/my/ic_fahuo.png')} />
            <View className='gird_title'>待发货</View>
          </View>
          <View className='grid_list'>
            <Image className='grid_img' src={require('../../../assets/my/ic_shouhuo.png')} />
            <View className='gird_title'>待收货</View>
          </View>
          <View className='grid_list'>
            <Image className='grid_img' src={require('../../../assets/my/ic_pingjia.png')} />
            <View className='gird_title'>评价</View>
          </View>
          <View className='grid_list'>
            <Image className='grid_img' src={require('../../../assets/my/ic_tuikuan.png')} />
            <View className='gird_title'>退款/售后</View>
          </View>
        </View>
      </View>
    )
  }
}

export default Info
